.darkfood {
  box-sizing: border-box;
  width: 100vw;
  padding: 32rpx;
  height: auto;
  background: #fff8e7;
  min-height: 100vh;

  .head {
    font-size: 32rpx;
    font-weight: 500;
    color: #8b0000;
    text-align: center;
    margin-bottom: 16rpx;
  }
  .secondhead {
    font-size: 20rpx;
    color: #333333;
    text-align: center;
    margin-bottom: 16rpx;
  }

  .card {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 16rpx;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border-radius: 20rpx;
    margin-bottom: 20rpx;
    .title {
      color: #8b0000;
      font-size: 28rpx;
      font-weight: bold;
      margin-bottom: 20rpx;
    }

    :deep(.checklist-box) {
      box-sizing: border-box;
      width: 45%;
    }
  }

  .submit {
    margin-top: 32rpx;
    width: 100%;
    background: #8b0000;
    color: white;
    height: 80rpx;
    text-align: center;
    border-radius: 20rpx;
    line-height: 80rpx;
  }
}


.popup-content{
  width: 100%;
  min-height: 60vh;
  color: #8b0000;
  font-size: 32rpx;
  box-sizing: border-box;
  padding: 32rpx;
  .label{
    font-weight: bold;
    margin-bottom: 12rpx;
  }
  .desc{
    margin-bottom: 12rpx;
    color: #333333;
  }
}